<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hello_react</title>
</head>

<body>
    <!-- 准好一个'容器' -->
    <div id="test"></div>
    <!-- 引入react核心库  -->
    <script type="text/javascript" src="../js/react.development.js"></script>
    <!-- 引入react-dom 库  用于支持react 操作dom  -->
    <script type="text/javascript" src="../js/react-dom.development.js"></script>
    <!-- 引入babel  用于将jsx 转化为js-->
    <script type="text/javascript" src="../js/babel.min.js"></script>

    <!-- babel 一定要写 -->
    <script type="text/babel">
        //  创建虚拟DOM
        const VDOM = <h1>Hello,React</h1>
        // 渲染虚拟dom 到页面  
        ReactDOM.render(VDOM, document.querySelector('#test'))


    </script>

</body>

</html>